﻿/* Keypad
    ----------------------------------------------------------*/
    
#numericInput{
position:absolute;
}

#keypad,#dialogKey{
    width:350px;
    height:400px;
    border:solid 1px black;
}
.key{
    /*border:solid 1px black;
    background-color:#CCC;*/
    text-align:center;
    font-weight:bold;       
    cursor:pointer;    
   font-family: Arial,Helvetica,sans-serif;
   font-size: 2em;
   border: 2px solid #888;
   border-radius: 0.25em;
   -moz-border-radius: 0.25em;
   -webkit-border-radius: 0.25em;
}
.key:hover{
    background-color:LightBlue;
}
.key:active{
    background-color:white;
}
.btn{
    border:solid 1px black;
    text-align:center;
    font-weight:bold;
    color:White;
    cursor:pointer;
    background-color:DimGray;
    width:33.3%;
    
}
.btn:hover{
    background-color:DarkGray;
}
.btn:active{
    background-color:LightGray;
}